﻿layui.use(['form', 'laydate', 'util', 'upload'], function () {
    var form = layui.form;
    var layer = layui.layer;
    var laydate = layui.laydate;
    var util = layui.util;
    var upload = layui.upload;
    var $ = layui.$;

    // 自定义验证规则
    form.verify({
        pass: function (value) {
            if (!/(.+){6,12}$/.test(value)) {
                return '密码必须 6 到 12 位';
            }
        }
    });

    // 指定开关事件
    form.on('switch(switchTest)', function (data) {
        layer.msg('开关 checked：' + (this.checked ? 'true' : 'false'), {
            offset: '6px'
        });
        layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是 ON|OFF', data.othis)
    });
    var photoUrl = ""
    // 上传图片
    upload.render({
        elem: '#ID-upload-demo-drag',
        url: 'http://localhost:5174/api/Store/Upload',
        file: 'storesImages', // 实际使用时改成您自己的上传接口即可。
        done: function (res) {
            layer.msg('上传成功');
            $('#ID-upload-demo-preview').removeClass('layui-hide')
                .find('img').attr('src', 'http://localhost:5174/' + res.msg);
            photoUrl = 'http://localhost:5174/' + res.msg;
            console.log(photoUrl)
            console.log(res.msg)
        }
    });
    // 添加
    form.on('submit(demo1)', function (data) {
        var checkedValues = [];
        // 获取所有 name 为 checkItem 的复选框
        if (data.field.storesState == "true") {
            data.field.storesState = 1;
        }
        else {
            data.field.storesState = 2;
        }
        $("input[name='assortedService']:checked").each(function () {
            checkedValues.push($(this).val());
        });
        data.field.assortedService = checkedValues.toString();
        data.field.storesImages = photoUrl;
        data.elem.disabled = true;//防止重复提交
        console.log(data.field)
        $.ajax({
            url: 'http://localhost:5174/api/Store/AddStore',
            type: 'post',
            contentType: "application/json",
            data: JSON.stringify(data.field),
            headers: {
                "Authorization": "Bearer " + localStorage.getItem('token')
            },
            success: function (res) {
                // 添加成功后的操作
                if (res.code > 0) {
                    layer.msg("添加成功");
                }
            }
        });
        return false; // 阻止默认 form 跳转
    });


    // 日期
    laydate.render({
        elem: '#date'
    });

    // 普通事件
    util.on('lay-on', {
        // 获取验证码
        "get-vercode": function (othis) {
            var isvalid = form.validate('.demo-phone'); // 主动触发验证，v2.7.0 新增 
            // 验证通过
            if (isvalid) {
                layer.msg('手机号规则验证通过');
                // 此处可继续书写「发送验证码」等后续逻辑
                // …
            }
        }
    });

    //定位

    $(function () {

        // 进行实时定位的函数
        function startRealTimeLocation() {
            // 使用高德地图的定位 API 获取用户位置
            AMap.plugin('AMap.Geolocation', function () {
                var geolocation = new AMap.Geolocation({
                    enableHighAccuracy: true, // 是否使用高精度定位，默认:true
                    timeout: 10000, // 超过 10 秒后停止定位，默认：5s
                    buttonPosition: 'RB', // 定位按钮的停靠位置
                    buttonOffset: new AMap.Pixel(10, 20), // 定位按钮与设置的停靠位置的偏移量，默认：pixel(10, 20)
                    zoomToAccuracy: true // 定位成功后是否自动调整地图视野到定位点
                });

                map.addControl(geolocation);

                geolocation.getCurrentPosition(function (status, result) {
                    if (status === 'complete') {
                        // 在地图上显示定位点
                        var marker = new AMap.Marker({
                            position: result.position
                        });
                        marker.setMap(map);

                        // 可以根据需要进行其他操作，例如更新界面上的位置信息等
                        console.log('定位成功，经度：' + result.position.lng + '，纬度：' + result.position.lat);
                    } else {
                        console.error('定位失败，原因：' + result.message);
                    }
                });
            });
        }

        // 页面加载完成后开始实时定位
        startRealTimeLocation();
    });

    ////配置服务
    //function getRoomService() {
    //    $.ajax({
    //        url: "http://localhost:5174/api/RoomType/GetRoomeServices",
    //        type: "get",
    //        headers: {
    //            "Authorization": "Bearer " + localStorage.getItem('token')
    //        },
    //        success: res => {
    //            console.log(res.data)
    //            var content = '';
    //            $.each(res.data, function (index, item) {
    //                content += '<div class="layui-card" > '
    //                content += '<div class="layui-card-header" >';
    //                content += ' <span class="serviceName" > ' + item.typeName + ' </span>';
    //                content += '</div > '
    //                content += '<div class="layui-card-body" style="heigth:60px;">';
    //                $.each(item.typeJoinValues, function (index1, item1) {

    //                    content += '<label for="valueName " id="label">' + item1.valueName + ' <input type = "checkbox" name = "valueName" id = "valueName" title = "' + item1.valueName + '" value = "' + item1.valueName + '" lay - skin="tag" ></label> '

    //                })
    //                content += '</div></div>'

    //            })

    //            $("#context").html(content);
    //        }
    //    })

    //}
    ////接收配套服务弹出层的index
    //var index;
    ////配套服务弹出层
    //$(".layui-btn").click(function () {
    //    getRoomService();

    //    var id = $(this).attr('id');
    //    if (id === "addServices") {
    //        index = layer.open({
    //            type: 1,
    //            area: ['700px', '700px'],
    //            shade: false, // 不显示遮罩
    //            content: $('#roomTypeServices'), // 捕获的元素
    //            end: function () {
    //                // layer.msg('关闭后的回调', {icon:6});
    //            }
    //        });
    //    }

    //});

    ////关闭弹窗
    //$('#cancel').on('click', function () {

    //    layer.close(index); // 关闭弹窗
    //    // 在这里可以添加其他关闭后的操作
    //});
    ////关闭弹窗
    //$('#confirm').on('click', function () {

    //    layer.close(index); // 关闭弹窗
    //    // 在这里可以添加其他关闭后的操作
    //});
});

//// 初始化高德地图
var map = new AMap.Map('container', {
    zoom: 13, // 初始缩放级别
    center: [116.397428, 39.90923] // 初始中心点，这里设置成中国的经纬度中心点
});